<%--
  Created by IntelliJ IDEA.
  User: yangbushudemao
  Date: 2021/5/7
  Time: 9:51
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/common.jsp"%>
<html>
<head>
    <title>kefudyan</title>
</head>
<body>
<div id="gongjulan">

</div>
<table id="table"></table>
</body>
</html>
<script>
    $('#table').bootstrapTable({
        url: '<%=path%>/CarController/getViewthecars',
        method: 'GET',//请求方式
        striped: true,//是否显示行间隔色
        toolbar:"gongjulan",
        cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,//是否显示分页（*）
        sortOrder: "desc",//排序方式
        sortName:"cid",//排序字段
        sidePagination: "client",//分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,//初始化加载第一页，默认第一页,并记录
        pageSize: 3,//每页的记录行数（*）
        pageList: [1, 3, 5],//可供选择的每页的行数（*）
        search: true,//是否显示表格搜索
        strictSearch: true,//严格搜索
        showColumns: true,//是否显示所有的列（选择显示的列）
        showRefresh: true,//是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        uniqueId: "cid",                     //每一行的唯一标识，一般为主键列
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        // cardView: true,                    //是否显示详细视图
        detailView: true,                  //是否显示父子表
        columns: [{
            field: 'cid',
            title: 'cid'
        }, {
            field: 'cname',
            title: 'cname'
        }, {
            field: 'cprice',
            title: 'cprice'
        }, {
            field: 'cdate',
            title: 'cdate'
        },{
            field: 'tid',
            title: 'tid'
        },
        ]
    });
</script>
